<template>
  <div class="Subjects">
    <div class="top">
      <div style="font-size: 20px">试卷管理</div>
      <el-button type="primary">创建试卷</el-button>
    </div>
    <div>
      <el-form label-width="60px" style="display: flex;">
        <el-form-item label="关键字">
          <el-input placeholder="考试名称" />
        </el-form-item>
        <div style="width: 20px;" />
        <el-form-item label="创建人">
          <el-input placeholder="创建人" />
        </el-form-item>
        <div style="width: 20px;" />
        <el-checkbox>只看我创建的</el-checkbox>
        <div style="width: 20px;" />
        <el-button type="primary">查询</el-button>
      </el-form>
    </div>
    <MyTable></MyTable>
  </div>
</template>

<script setup lang="ts">
// 引入-------------------------------------------------------
import { subjectsList } from "@/api/subjects";
import { reactive, onMounted } from "vue";
// 数据-------------------------------------------------------
let frompage = reactive({
  page:1,
  psize:7
})
// 生命周期---------------------------------------------------
onMounted(()=>{
  GetList()
})
// 函数-------------------------------------------------------
const GetList = async() =>{
  let res = await subjectsList(frompage)
  console.log(res);
}
</script>

<style scoped lang="less">
.top {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 10px;
}
</style>
